import React, { PureComponent } from "react";
import { connect } from "react-redux";
import { RecommendWrapper, RecommendItem } from "../style";

class Recommend extends PureComponent {
  render() {
    return (
      <RecommendWrapper>
        {
          this.props.list.map((item)=>{
           return <RecommendItem imgUrl={item.get('imgUrl')} key={item.get('id')}></RecommendItem>
          })
        }
      </RecommendWrapper>
    );
  }
}

const mapStateToProps = state => ({
  list: state.getIn(["home", "recommendList"])
});

export default connect(mapStateToProps, null)(Recommend);
